<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!-- CSS
    ================================================== -->
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/main.css">

<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<body>
<div th:replace="common/top1">

</div>
<div>
   <div id="Content">
       <section class="back-img" id="home" data-parallax="scroll" data-image-src="../images/background.png" data-natural-width=3000 data-natural-height=2000>

           <div class="overlay"></div>
           <div class="home-content">

               <div class="row contents">
                   <!-- <div class="home-image-left">
                    </div>-->
<!--                   <img class="one" src="../images/ggggg.png" width="600"height="200"align="left" style="border:10px ridge #909090" >-->
                   <img class="one" src="../images/background.png" width="900"height="300" align="right"  >


                   <br>
                   <div class="home-content-right">

                  <h3 data-aos="fade-up">Welcome to MyPetstore</h3>
                       <table>
                       <h2 data-aos="fade-up">

                           <a href="/management/viewPet?categoryId=FISH" class="categoryName"  title="这是鱼">
                               FISH
                               <h3>Saltwater, Freshwater</h3>
                           </a>
                           <a href="/management/viewPet?categoryId=DOGS" class="categoryName"  title="这里狗">
                               DOGS
                               <h3>Various Breeds</h3>
                           </a>
                           <a href="/management/viewPet?categoryId=CATS" class="categoryName" title="这里猫">
                               CATS
                               <h3>Various Breeds, Exotic Varieties </h3>
                           </a>
                           <a href="/management/viewPet?categoryId=REPTILES" class="categoryName"  title="这里是蜥蜴">
                               REPTILES
                               <h3> Lizards, Turtles, Snakes</h3>
                           </a>
                           <a href="/management/viewPet?categoryId=BIRDS" class="categoryName"  title="这里是鸟">
                               BIRDS
                               <h3> Exotic Varieties</h3>
                           </a>
                       </h2>
                       </table>

                   </div>

               </div>

           </div> <!-- end home-content -->
           <div class="home-scrolldown" >
           <a href="../index.html" class="scroll-icon smoothscroll">
               <span>------------------------Here Return to guide </span>
           </a>
           </div>

    </section> <!-- end home -->
   </div>
</div>
<div th:replace="common/bottom">

</div>
</body>
</html>